<!doctype html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>前端放大镜效果</title>
		<link rel="stylesheet" href="style.css">
	</head>
	<body>
		<div id="box">
			<div id='upload'>
				<a href='#'>
					<input type='file' onchange='uploadFace(this)'/>
				</a>
				<input  id='fileName' placeholder='请选择一张正方形图片'/>
			</div>
			<div id='face'>
				<img  id ='preview' src='' width="285" height="285" alt=""/>
			</div>
		</div> 
	</body>
	<script src='js/magnifier.js'></script>
	<script src="js/main.js"></script>
</html>
